﻿<%@ Page Title="" Language="C#" MasterPageFile="~/DefaultStyle.Master" AutoEventWireup="true"
    CodeBehind="ThongTinSanPham.aspx.cs" Inherits="Dack_Web2.ThongTinSanPham" %>
<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
        .style2
        {
            width: 469px;
        }
        body {
    font: 13px/1.4 'Helvetica Neue', 'Helvetica','Arial', sans-serif;
    color: #333;
}

.container {
    width: 520px;
    margin: auto;
}

h1 {
    border-bottom: 1px solid #d9d9d9;
}

a {
    color: #be2221;
    text-decoration: none;
}

.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.countdown-simple {
  font-size: 20px;
  background: #333;
  border-radius: 0.5em;
  padding: 0.5em 0.7em;
  color: #e9e9e9;
}

.countdown-styled div {
  display: inline-block;
  margin: 0 5px;
  font-size: 30px;
  font-weight: 100;
  line-height: 1;
  text-align: right;

  /* IE7 inline-block hack */
  *display: inline;
  *zoom: 1;
}

.countdown-styled div:first-child {
  margin-left: 0;
}

.countdown-styled div:last-child {
  margin-right: 0;
}

.countdown-styled div span {
  display: block;
  border-top: 1px solid #cecece;
  padding-top: 3px;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
}
        .style3
        {
            width: 469px;
            height: 20px;
        }
        .style4
        {
            height: 20px;
        }

        input[type="submit"]
        {
            cursor: pointer; font-weight: bold; padding: 0 8px; /* CSS3 */
            border-radius: 2px; text-shadow: 0 1px rgba(0, 0, 0, 0.1);
            -moz-transition: all 0.218s ease 0s;
            -moz-user-select: none;
            margin-left: 0px;
            margin-top: 0px;
        }
        #comments-block {
	margin-top: 15px;
}
.comments-list {
	padding: 0;
}
        </style>
    <script src="Js/jquery.min.js" type="text/javascript"></script>
    <script src="Js/jquery.countdown.js" type="text/javascript"></script>
   <script type="text/javascript">
       $(function () {
           var endDate = '<% =Datestring %>';
           $('.countdown-simple').countdown({ date: endDate });
           $('.countdown-styled').countdown({
               date: endDate,
               render: function (data) {
                   var el = $(this.el);
                   el.empty()
              .append("<div>" + this.leadingZeros(data.years, 4) + " <span>years</span></div>")
              .append("<div>" + this.leadingZeros(data.days, 3) + " <span>days</span></div>")
              .append("<div>" + this.leadingZeros(data.hours, 2) + " <span>hrs</span></div>")
              .append("<div>" + this.leadingZeros(data.min, 2) + " <span>min</span></div>")
              .append("<div>" + this.leadingZeros(data.sec, 2) + " <span>sec</span></div>");
               }
           });
       });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    
    <table class="style1">
        <tr>
            <td class="style2" align="center" 
                style="font-family: 'Times New Roman', Times, serif; font-size: 25px; font-weight: bolder; font-style: inherit; font-variant: inherit; text-transform: uppercase; color: #000000">
                <asp:ScriptManager ID="ScriptManager1" runat="server">
                </asp:ScriptManager>
                HOT DEAL TRONG NGÀY</td>
            <td align="center" 
                style="font-family: 'Times New Roman', Times, serif; font-size: 35px; font-weight: bolder; font-style: inherit; font-variant: inherit; text-transform: uppercase; color: #FF0000">
                <asp:Label ID="lbTenSanPham" runat="server" Font-Bold="True" BackColor="White" 
                    BorderStyle="Dashed" ForeColor="#CC3300"></asp:Label></td>
        </tr>
        <tr>
            <td class="style3">
                </td>

            <td align="left" 
                
                style="color: #C0C0C0; text-transform: uppercase; font-variant: inherit; font-style: inherit; font-size: 15px; font-weight: bolder; font-family: 'Segoe UI', Times, serif" 
                class="style4">
                THỜI GIAN CÒN LẠI: </td>
        </tr>
        <tr>
            <td class="style2">
                <asp:Image ID="imgHinhGioiThieu" runat="server" Height="235px" Width="460px" 
                    BorderStyle="Dashed" BorderColor="Black" />
</td>

            <td align="center">
                <div class="countdown-styled clearfix" style="position:absolute; top: 225px; margin-left:20px;"></div>
                <img alt="" src="Images/best-buy.png" style="position: static;" width="270" /></td>
        </tr>
        <tr>
            <td align="right" class="style2" 
                style="font-family: 'Times New Roman', Times, serif; font-size: 15px; font-weight: bolder; font-style: inherit; font-variant: inherit; text-transform: uppercase; color: #f00">
                Giá Giảm:
                <asp:Label ID="lbGiaGiam" runat="server"></asp:Label>&nbsp;| Giá Gốc:
                <asp:Label ID="lbGiaSanPham" runat="server" Font-Strikeout="True"></asp:Label></td>
            <td style="font-family: 'Times New Roman', Times, serif; font-size: 15px; font-weight: bolder; font-style: inherit; font-variant: inherit; text-transform: uppercase; color:  #f00">
                &nbsp;| Tiết Kiệm:
                <asp:Label ID="lbTietKiem" runat="server"></asp:Label>%
                <asp:Button ID="btMuaHang" runat="server" BackColor="#FF9933" BorderColor="#FF9933"
                Font-Bold="True" Font-Names="Tahoma" ForeColor="#CC0000" Height="42px" Text="Mua"
                Width="128px" BorderStyle="Outset" />
            </td>
        </tr>
        <tr>
            <td class="style2">
                    </td>
        </tr>
      
    </table>
    
        <div>
            <asp:Label ID="lbThongTinChiTiet" runat="server" Width="760px"></asp:Label></div> 
    <hr />
    <hr />
               <div>
                    ► Nhận xét và thảo luận
    </div>
  
    <hr />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
           <asp:Panel ID="Panel3" runat="server" Enabled="False">
                <br />
                <asp:DataList ID="dlCommand" runat="server" CellPadding="4" ForeColor="Black" 
                    Width="100%" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" Enabled="False" GridLines="Horizontal">
                    <FooterStyle BackColor="#CCCC99" ForeColor="Black" />
                    <HeaderStyle BackColor="#333333" Font-Bold="True" ForeColor="White" />
                    <ItemTemplate>
                        <div style="background-color:#71b4fc;width:100%;">
                         <div style="float:left;"> <asp:HyperLink ID="HyperLink2" runat="server" 
                            NavigateUrl='<%# "~/TaiKhoan.aspx"%>' 
                            Text='<%# Eval("TenDangNhap") %>'></asp:HyperLink></div>
                        <div style="float:right;"><asp:Label ID="Label2" runat="server" Text='<%# string.Format("{0:dd/MM/yyyy}",Eval("ThoiGian")) %>'></asp:Label></div>
                       </div>
                        <br />
                        <div style="height:91px; margin-left:20px; width: 740px;" >Nội dung:<br />
                            <CKEditor:CKEditorControl ID="txtCommand" runat="server" Height="62px" Text='<%# Eval("NoiDung") %>' Width="732px" BasePath="" ContentsCss="" CustomConfig="" EnableTheming="False" Toolbar=""></CKEditor:CKEditorControl>
                        </div>
                    </ItemTemplate>
                    <SelectedItemStyle BackColor="#CC3333" Font-Bold="True" ForeColor="White" />
                </asp:DataList>

            </asp:Panel> 
    <hr />
            <asp:Panel ID="Panel2" runat="server" Enabled="False" Visible="False">
                <div>
                    &nbsp;Comment:<%--<asp:TextBox ID="txtNoiDung" runat="server" Height="88px" TextMode="MultiLine" 
                        Width="712px"></asp:TextBox>--%><div style="width:100%;"><CKEditor:CKEditorControl ID="txtNoiDung" runat="server" Toolbar="" StylesSet=""></CKEditor:CKEditorControl></div>
                    <br />
                    <asp:Button ID="btGui" runat="server" Text="Gửi" onclick="btGui_Click" />
                </div>
            </asp:Panel> 
        </ContentTemplate>
                </asp:UpdatePanel>
         <asp:Panel ID="Panel1" runat="server" Enabled="False" Visible="False">
            <div>Vui lòng<a href="Login.aspx"> Đăng nhập </a>thảo luận</div>
                </asp:Panel>
</asp:Content>
